<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/common.css" />
		<script src="js/jquery.min.js"></script>
		<script src="js/layui/layui.js" charset="utf-8"></script>
		<script src="./js/主页.js"></script>
		<link rel="stylesheet" href="js/layui/css/layui.css" media="all"/>
		<link rel="stylesheet" href="css/iconfont3.css" />
		<link rel="stylesheet" href="./base.css" />
		<link  rel="stylesheet" href="./css/主页.css"/>
		<link rel="stylesheet" href="css/顶部导航栏.css" />
		<script src="./js/顶部导航栏.js"></script>
		<script src="js/jquery.cookie.js"></script>
		<link rel="stylesheet" href="css/common.css" />
		<style>
			html{
				background-color: #FAFAFA;
			}
			body{
				background-color: #FAFAFA;
			}
		</style>
	</head>
	<body>
		<!-- 扫一扫小图标 -->
		<div class="qrcode1"><i class="iconfont icon-erweima"></i></div>
		<div class="qrcode2">扫一扫</div>
		<div class="qrcode3"><img src="img/微信二维码.png" style="width: 100px;height: 100px;"/></div>
	
		<!-- 顶部导航栏 -->
		<div class="navTop">
			<div class="nav-home">
				<img style="width: 45px;height: 45px;margin-top: 8px;" src="img/icon1.png"/>
				<div class="home-name"><a href="题库主页.html">首页</a></div>
			</div>
			
			<div style="width: 100px"  class="nav-icon nav-collection">
				<a href="提出问题.html" style="color: white"><i title="我要发布" class="iconfont icon-fabu"  style="font-size: 23px;"></i></a>
			<!-- 	<div> 
					<div class="nav-collection-item   nav-collection-item1" style="width: 40%;height: 100%;border-right: 1px solid #B2B2B2;">
			
					</div>
					<div class="nav-collection-item nav-collection-item2" style="width: 60%;height: 100%;">
						
					</div>
				</div> -->
			</div>
		
			<div style="width: 100px" class="nav-icon nav-user" >
				<a href="用户界面.html"><i class="iconfont icon-yonghu1 "  style="font-size: 28px;"></i></a>
				<div class="nav-user-item">
					<div style="width: 100%;height:90px;display: flex;background-color: DeepSkyBlue;border-radius: 7px;">
						<div style="width: 70%;height: 100%;display: flex;">
							<img class="faceimg" style="height: 70px;width: 70px;margin: 5px;"/>
							<div style="height: 70px;width: 240px;margin: 5px;text-align: left;color: white;line-height: 20px;">
								<span style="font-weight: bolder;font-size: 16px;color: white;" class="user-name" >游客2</span>
								
							</div>
						</div>
						<div style="width: 30%;height: 100%;">
							<button class="sign">登录</button>
							<button class="register">退出</button>
						</div>
					</div>
				</div>
			</div>	
		</div>
		
		<!-- 登陆注册弹框 -->
		<div class="shadow">
			<div class="content">
				<div class="close"><span>X</span></div>
				<div class="dengluDiv">
					<div class="dengluMeans">
						<button class="zhanghaoDl">账号登陆</button> &nbsp; &nbsp;|  &nbsp;&nbsp;
						<button  class="phoneDl">手机号登录</button>
					</div> 
					<div class="zhanghaoNum">
						<input class="dengluzhanghao" type="text" placeholder="请输入账号"/>
						<input class="denglumima" type="password" placeholder="请输入您的密码"/>
						<span  class="accountlogin-tips tips">请输入正确的账号或者密码</span>
						<input class="zhanghao-dengluBtn dengluBtn" type="button" value="登录"/>
					</div>
					<div class="phoneNum">
						<input class="phone" type="text" placeholder="请输入你的手机号" />
						<input class="yanzhengma" type="button" value="点击发送验证码"/>
						<input class="yanzhengmaInput" type="text" placeholder="填写验证码"/>
						<span class="phonelogin-tips tips">请填写正确的验证码</span>
						<input class="phone-dengluBtn dengluBtn" type="button" value="登录"/>
					</div>
					
					<span class="changeZc">
						立即注册
					</span>
				</div>
				<div class="zhuceDiv">
					<input class="zhucemingo" type="text" placeholder="用户名"/>
					<input class="phone" type="text" placeholder="请输入手机号"/>
					<input class="yanzhengma" type="button" value="点击发送验证码"/>
					<input class="zhucemima" type="password" placeholder="请设置您的密码"/>
					<input class="querenmima" type="password" placeholder="请确认您的密码"/>
					<span class="register-tips tips">请检查资料是否填写完整或正确</span>
					<input class="zhuceBtn" type="button" value="注册"/>
					<span class="changeDl">
						立即登录
					</span>
				</div>
			</div>
		</div>
			
	
		<!-- 主题区域 -->
		<div class="main">
			<div class="main-img">
				<img src="img/searchlogo.png" style="width: 100%;height: 100%;"/>
			</div>
			<a  class="search-btn"><i class="iconfont icon-tubiao- ss"></i></a>
			<div class="search">
				
				<i class="iconfont icon-xiala xl"></i>
				<i class="iconfont icon-shangla   sl"></i>
				
				<input class="search-input"/>
				<span style="color: red;margin-left: 30px;display: none;" class="SearchInfo-tips">请输入搜索内容</span>
				<!-- 下拉图标菜单 -->
				<div class="xl-menu ">
					<div class="xl-menu-item1">
						<div class="xl-menu-title">前端开发</div>
						<div class="xl-menu-content">
							<span >HTML</span>
							<span >CSS</span>
							<span >Js</span>
						</div>
					</div>
					<div class="xl-menu-item">
						<div class="xl-menu-title">C#开发</div>
						<div class="xl-menu-content">
							<span >.net MVC</span>
							<span >EntityFrameWork</span>
							
						</div>
					</div>
					
				</div>
			<!-- 下拉输入菜单 -->
				<div class="input-menu">
					<div class="input-menu-item1">
						<div class="input-menu-title">前端开发</div>
						<div class="input-menu-content">
							<span >HTML</span>
							<span >CSS</span>
							<span >Js</span>
						</div>
					</div>
					<div class="input-menu-item">
						<div class="input-menu-title">C#开发</div>
						<div class="input-menu-content">
							<span >.net MVC</span>
							<span >EntityFrameWork</span>
														
						</div>
					</div>
				</div>
			</div>
			
			<!-- 热搜区域 -->
			<div class="hotNews">
				<div class="hotNews-title">
					<span style="font-weight: bolder;font-size: 17px;color: red">热点搜索</span>
					<span class="hotNews-title-extra">查看更多</span>
					<i class="iconfont icon-ef-redian-gongju" style="color: red;"></i>
				</div>
				<!-- 热点内容显示 -->
				<div class="hotNews-contents">
					
					
					
				
				
					
				</div>
			
			</div>
		</div>
		
		
		
		
		<!-- 底部公司信息 -->
		<div class="bottom-info">
			©2021 宁波世纪恒祥自控技术有限公司 
		</div>
		
		
		
		<script>
		
		</script>
	</body>
</html>
